<!DOCTYPE html>
<html>
<head>
  <title>登陆界面</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">  
  <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  <style>
   .contain{width:500px; height:auto; min-height:300px; margin:300px auto; border:1px solid   	#808080 ;padding:40px 30px;  }
  </style>
</head>
<body  style="background-color: 	#C8C8C8" >
<div class="contain"  style="background-color:white">
<form class="form-horizontal" role="form" action="#" method="post">
   <div class="form-group">
      <label for="firstname" class="col-sm-2 control-label" >用户名</label>
      <div class="col-sm-10">
         <input type="text" class="form-control" id="firstname" style="width:350px;" name="name"
            placeholder="请输入名字">
      </div>
   </div>
   <div class="form-group">
      <label for="lastname" class="col-sm-2 control-label" >密码</label>
      <div class="col-sm-10">
         <input type="text" class="form-control" id="lastname" style="width:350px;" name="password"
            placeholder="请输入密码">
      </div>
   </div>
   <div class="form-group" align="right">
      <div class="col-sm-offset-2 col-sm-10">
         <div class="checkbox">
            <label>
               <input type="checkbox" name="remember"> 请记住我
            </label>
         </div>
      </div>
   </div>
   <div class="form-group" align="right" style="padding:50px 5px 5px" >
      <div class="col-sm-offset-2 col-sm-10">
         <button type="submit" class="btn btn-default" style="width:100px;background-color:#0099FF"><font color="white">登录</font></button>
      </div>
   </div>
   
</form>
</div>
</body>
</html>
